<template>
  <div>
    <p>AAAA</p>
    <p>AA: {{ num }}</p>
    <!-- 不能直接修改props数据 -->
    <!-- <button @click="num++">按钮</button> -->
    <button @click="setNum">按钮</button>
  </div>
</template>

<script>
export default {
  name: "AComp",
  // props是只读的，不能直接修改
  // 如果直接修改props数据，当前组件会发生变化，父组件数据是不变的（数据就不同步，显示会有问题）
  props: {
    num: Number,
    setNum: Function,
  },
};
</script>

<style></style>
